<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                template="/WEB-INF/template.xhtml">

    <ui:define name="content">
        <h:form id="formConsulta">
            <h:panelGrid columns="3" style="width: 100%"> 

                <h:outputLabel for="numeroHistoria" value="#{msg.numeroHistoria}" style="font-weight:bold" />
                <h:outputLabel for="idTipoDocumento" value="#{msg.tipoIdentificacion}" style="font-weight:bold" />
                <h:outputLabel for="numDocumento" value="#{msg.numeroIdentificacion}" style="font-weight:bold" />

                <p:inputText id="numeroHistoria" value="#{administrarHistoriasClinicasAction.persona.numeroHistoria}" />
                <p:selectOneMenu id="idTipoDocumento"
                                 value="#{administrarHistoriasClinicasAction.persona.tTipDocumento}"
                                 converter="conversorEntidad">
                    <f:selectItem itemLabel="#{msg.seleccione}" itemValue="" />
                    <f:selectItems
                        value="#{administrarHistoriasClinicasAction.listaTipoDocumentos}"
                        var="tipoDocumento" itemLabel="#{tipoDocumento.desTipDocumento}"
                        itemValue="#{tipoDocumento}" />
                </p:selectOneMenu>
                <p:inputText id="numDocumento" value="#{administrarHistoriasClinicasAction.persona.numDocumento}" />

                <h:outputLabel for="desPrinombre" value="#{msg.primerNombre}" style="font-weight:bold" />
                <h:outputLabel for="desSegnombre" value="#{msg.segundoNombre}" style="font-weight:bold" />
                <h:outputLabel for="desPriapellido" value="#{msg.primerApellido}" style="font-weight:bold" />

                <p:inputText id="desPrinombre" value="#{administrarHistoriasClinicasAction.persona.desPrinombre}"/>
                <p:inputText id="desSegnombre" value="#{administrarHistoriasClinicasAction.persona.desSegnombre}"/>
                <p:inputText id="desPriapellido" value="#{administrarHistoriasClinicasAction.persona.desPriapellido}"/>

                <p:commandButton value="#{msg.consultar}" style="text-align: right;" actionListener="#{administrarHistoriasClinicasAction.buscar}" update="formConsulta" />

            </h:panelGrid>

            <p:fieldset legend="Resultados">
                <p:dataTable id="tablaResultado" paginator="true" rows="10" value="#{administrarHistoriasClinicasAction.listaPersonas}" var="item"
                             rendered="#{administrarHistoriasClinicasAction.listaPersonas != null}">

                    <p:column sortBy="#{item.idPersona}">
                        <f:facet name="header">
                            <h:outputText value="#{msg.consecutivo}"/>
                        </f:facet>
                        <h:outputText value="#{item.idPersona}" />
                    </p:column>

                    <p:column sortBy="#{item.numDocumento}">
                        <f:facet name="header">
                            <h:outputText value="#{msg.numeroIdentificacion}"/>
                        </f:facet>
                        <h:outputText value="#{item.numDocumento}" />
                    </p:column>
                    <p:column sortBy="#{item.tTipDocumento.desTipDocumento}">
                        <f:facet name="header">
                            <h:outputText value="#{msg.tipoIdentificacion}"/>
                        </f:facet>
                        <h:outputText value="#{item.tTipDocumento.desTipDocumento}"/>
                    </p:column>
                    <p:column sortBy="#{item.desPrinombre}">
                        <f:facet name="header">
                            <h:outputText value="#{msg.nombre}"/>
                        </f:facet>
                        <h:outputText value="#{item.nombreCompleto()}"/>
                    </p:column>
                    <p:column sortBy="#{item.edad}">
                        <f:facet name="header">
                            <h:outputText value="#{msg.edad}"/>
                        </f:facet>
                        <h:outputText value="#{item.calcularEdad()}"/>
                    </p:column>
                    <p:column>
                        <f:facet name="header">
                            <p:commandButton icon="ui-icon-plus" title="#{msg.tituloPersonaCrear}"
                                             action="#{administrarHistoriasClinicasAction.crearPersona()}"/>
                        </f:facet>

                        <p:commandButton icon="ui-icon-pencil" title="#{msg.tituloPersonaModificar}" action="#{administrarHistoriasClinicasAction.modificar(item)}"/>
                        <p:commandButton icon="ui-icon-zoomin" title="#{msg.consultarPersona}" action="#{administrarHistoriasClinicasAction.consultarDetalle(item)}"/>
                        <p:commandButton icon="ui-icon-trash" title="#{msg.eliminarPersona}" action="#{administrarHistoriasClinicasAction.eliminar(item)}" />
                        <p:commandButton icon="ui-icon-clock" title="#{msg.crearControl}" action="#{administrarControlAction.iniciarControl(item)}" oncomplete="validarConcurrency()" />
                        <p:commandButton icon="ui-icon-print" title="#{msg.consentimientoInfo}" action="#{administrarReportesAction.init(item)}" />
                    </p:column>
                </p:dataTable>
            </p:fieldset>   
        </h:form>
    </ui:define>

</ui:composition>